<template>
    <div>
        <div class="timeline timeline-one-side text-start">
            <div class="timeline-block mb-3">
                                <span class="timeline-step">
                                <i class="material-icons text-success text-gradient">check_circle</i>
                                </span>
                <div class="timeline-content">
                    <h6 class="text-dark text-sm font-weight-bold mb-0">提交 easy-php 的flag成功</h6>
                    <p class="text-secondary font-weight-bold text-xs mt-1 mb-0">22 DEC 7:20 PM</p>
                </div>
            </div>
            <div class="timeline-block mb-3">
                                <span class="timeline-step">
                                <i class="material-icons text-danger text-gradient">dangerous</i>
                                </span>
                <div class="timeline-content">
                    <h6 class="text-dark text-sm font-weight-bold mb-0">提交 easy-php 的flag失败</h6>
                    <p class="text-secondary font-weight-bold text-xs mt-1 mb-0">21 DEC 11 PM</p>
                </div>
            </div>
            <div class="timeline-block mb-3">
                                <span class="timeline-step">
                                <i class="material-icons text-info text-gradient">start</i>
                                </span>
                <div class="timeline-content">
                    <h6 class="text-dark text-sm font-weight-bold mb-0">开启 easy-php 的靶机环境</h6>
                    <p class="text-secondary font-weight-bold text-xs mt-1 mb-0">21 DEC 9:34 PM</p>
                </div>
            </div>
            <div class="timeline-block mb-3">
                                <span class="timeline-step">
                                <i class="material-icons text-warning text-gradient">call_end</i>
                                </span>
                <div class="timeline-content">
                    <h6 class="text-dark text-sm font-weight-bold mb-0">关闭 easy-php 的靶机环境</h6>
                    <p class="text-secondary font-weight-bold text-xs mt-1 mb-0">20 DEC 2:20 AM</p>
                </div>
            </div>
        </div>
    </div>
</template>

<script>
    export default {
        name: "ChaHistory"
    }
</script>

<style scoped>

</style>